<template>
  <div>
    <el-dialog width="80%" top="1vh" title="查看风控大数据" :visible.sync="dialogVisible" :close-on-click-modal="true">
      <el-row :gutter="20">
        <el-divider content-position="left">
          <h5>{{radarName}}雷达报告评分</h5>
        </el-divider>
        <el-row :gutter="20">
          <el-col :span="8" style="text-align:center;border: 0px;height: 25px;">
            <div class="grid-content bg-purple">
              报告生成时间：{{radarStart}}
            </div>
          </el-col>
          <el-col :span="8" style="text-align:center;border: 0px;height: 25px;">
            <div class="grid-content bg-purple">
              有效期至：{{radarEnd}}
            </div>
          </el-col>
          <el-col :span="8" style="text-align:center;border: 0px;height: 25px;">
            <div class="grid-content bg-purple">
              订单ID：{{radarOrderId}}
            </div>
          </el-col>
        </el-row>
      </el-row>
      <el-row :gutter="20">
        <el-divider content-position="center">
          <h5>全景雷达报告评分</h5>
        </el-divider>
        <el-row>
          <el-col :span="2" style="text-align:center;border: 0px;height: 25px;">
            <div>申请准入分</div>
          </el-col>
          <el-col :span="20" style="text-align:center;border: 0px;height: 25px;">
            <el-progress :text-inside="true" :stroke-width="20"
              :percentage="radarData.apply_report_detail==null?'0':parseFloat(radarData.apply_report_detail.A22160001/10).toFixed(2)"></el-progress>
          </el-col>
          <el-col :span="2" style="border: 0px;height: 25px;">
            <div>{{radarData.apply_report_detail==null?"0":parseFloat(radarData.apply_report_detail.A22160001/10).toFixed(2)}}分</div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="2" style="text-align:center;border: 0px;height: 25px;">
            <div>申请置信度</div>
          </el-col>
          <el-col :span="20" style="text-align:center;border: 0px;height: 25px;">
            <el-progress :text-inside="true" :stroke-width="20"
              :percentage="radarData.apply_report_detail==null?'0':parseFloat(radarData.apply_report_detail.A22160002).toFixed(2)" status="success">
            </el-progress>
          </el-col>
          <el-col :span="2" style="border: 0px;height: 25px;">
            <div>{{radarData.apply_report_detail==null?"0":parseFloat(radarData.apply_report_detail.A22160002).toFixed(2)}}分</div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="2" style="text-align:center;border: 0px;height:25px;">
            <div>贷款行为分</div>
          </el-col>
          <el-col :span="20" style="text-align:center;border: 0px;height: 25px;">
            <el-progress :text-inside="true" :stroke-width="20"
              :percentage="radarData.behavior_report_detail==null?'0':parseFloat(radarData.behavior_report_detail.B22170001/10).toFixed(2)" status="warning">
            </el-progress>
          </el-col>
          <el-col :span="2" style="border: 0px;height: 25px;">
            <div>{{radarData.behavior_report_detail==null?"0":parseFloat(radarData.behavior_report_detail.B22170001/10).toFixed(2)}}分</div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="2" style="text-align:center;border: 0px;height: 25px;">
            <div>额度置信度</div>
          </el-col>
          <el-col :span="20" style="text-align:center;border: 0px;height: 25px;">
            <el-progress :text-inside="true" :stroke-width="20"
              :percentage="radarData.current_report_detail==null?'0':parseFloat(radarData.current_report_detail.C22180002).toFixed(2)" status="exception">
            </el-progress>
          </el-col>
          <el-col :span="2" style="border: 0px;height: 25px;">
            <div>{{radarData.current_report_detail==null?"0":parseFloat(radarData.current_report_detail.C22180002).toFixed(2)}}分</div>
          </el-col>
        </el-row>
        <el-divider content-position="left">说明:分值越高，用户可信度越高,参考意见分60分为一个门槛,80分为优秀。0分表示无数据</el-divider>
      </el-row>
      <el-row :gutter="20">
        <el-divider content-position="center">
          <h5>多头查询报告</h5>
        </el-divider>
        <div style="margin-left:60px">
          <el-col :span="6">
            <div class="grid-content bg-purple" style="text-align:center">
              <div>查询总次数<span style="color:#2993ff">{{radarData.apply_report_detail!=null?radarData.apply_report_detail.A22160006:"0"}}次</span></div>
              <div>
                近一个月<span
                  style="color:#2993ff">{{radarData.apply_report_detail!=null?radarData.apply_report_detail.A22160008:0}}次</span>
                近三个月<span style="color:#2993ff">{{
                  radarData.apply_report_detail!=null?radarData.apply_report_detail.A22160009:0}}次</span>
                近六个月<span style="color:#2993ff">{{
                  radarData.apply_report_detail!=null?radarData.apply_report_detail.A22160010:0}}次</span>
              </div>
            </div>
          </el-col>
          <el-col :span="4">
            <div class="grid-content bg-purple">
              <div>查询机构数</div>
              <div class="green">{{
                radarData.apply_report_detail!=null?radarData.apply_report_detail.A22160003:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="4">
            <div class="grid-content bg-purple">
              <div>查询消费金融类机构数</div>
              <div class="green">{{
                radarData.apply_report_detail!=null?radarData.apply_report_detail.A22160004:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="4">
            <div class="grid-content bg-purple">
              <div>查询网贷类机构数</div>
              <div class="green">{{
                radarData.apply_report_detail!=null?radarData.apply_report_detail.A22160005:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="4">
            <div class="grid-content bg-purple">
              <div>最近查询时间</div>
              <div class="green">{{
                radarData.apply_report_detail!=null?radarData.apply_report_detail.A22160007:'-'}}</div>
            </div>
          </el-col>
        </div>

      </el-row>
      <el-row :gutter="20">
        <el-divider content-position="center">
          <h5>信用现状报告</h5>
        </el-divider>
        <el-row>
          <el-col :span="8">
            <div class="grid-content bg-purple">
              <div>已放贷贷款笔数</div>
              <div class="green">{{'-'}}</div>
            </div>
          </el-col>
          <el-col :span="8">
            <div class="grid-content bg-purple-light">
              <div>贷款已结清订单数</div>
              <!-- <div :class="radarData.behavior_report_detail.B22170052<0?'red':'green'">{{
                radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170052:'-'}}</div> -->
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170052:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="8">
            <div class="grid-content bg-purple">
              <div>信用贷款时长</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170053:'-'}}</div>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <div class="grid-content bg-purple">
              <div>最近一次贷款放款时间</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170054:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="8">
            <div class="grid-content bg-purple-light">
              <div>最近一次履约距今天数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170050:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="8">
            <div class="grid-content bg-purple">
              <div>正常还款订单占贷款总订单数比例</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170034:'-'}}</div>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <div class="grid-content bg-purple">
              <div>近6个月M0+逾期贷款笔数</div>
              <div style="color:red">{{
                radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170025:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="8">
            <div class="grid-content bg-purple-light">
              <div>近12个月M0+逾期贷款笔数</div>
              <div style="color:red">{{
                radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170026:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="8">
            <div class="grid-content bg-purple">
              <div>近24个月M0+逾期贷款笔数</div>
              <div style="color:red">{{
                radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170027:'-'}}</div>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <div class="grid-content bg-purple">
              <div>近6个月M1+逾期贷款笔数</div>
              <div style="color:red">{{
                radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170028:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="8">
            <div class="grid-content bg-purple-light">
              <div>近12个月M1+逾期贷款笔数</div>
              <div style="color:red">{{
                radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170029:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="8">
            <div class="grid-content bg-purple-light">
              <div>近24个月M1+逾期贷款笔数</div>
              <div style="color:red">{{
                radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170030:'-'}}</div>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="8">
            <div class="grid-content bg-purple">
              <div>近6个月累计逾期金额</div>
              <div style="color:red">{{
                radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170031:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="8">
            <div class="grid-content bg-purple-light">
              <div>近12个月累计逾期金额</div>
              <div style="color:red">{{
                radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B2217003:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="8">
            <div class="grid-content bg-purple">
              <div>近24个月累计逾期金额</div>
              <div style="color:red">{{
                radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170033:'-'}}</div>
            </div>
          </el-col>
        </el-row>
      </el-row>
      <el-row :gutter="20">
        <el-divider content-position="center">
          <h5>多头申请报告</h5>
        </el-divider>
        <el-row>
          <el-col :span="6">
            <div class="grid-content bg-purple">
              <div>近1个月贷款笔数</div>
              <div class="green">{{
                radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170002:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple-light">
              <div>近3个月贷款笔数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170003:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple">
              <div>近6个月贷款笔数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170004:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple-light">
              <div>近12个月贷款笔数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170005:'-'}}</div>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="6">
            <div class="grid-content bg-purple">
              <div>近12个月消金类贷款机构数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170021:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple-light">
              <div>近24个月消金类贷款机构数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170022:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple">
              <div>近12个月网贷类贷款机构数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170023:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple-light">
              <div>近24个月网贷类贷款机构数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170024:'-'}}</div>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="6">
            <div class="grid-content bg-purple">
              <div>网贷授信额度</div>
              <div class="green">
                {{ radarData.current_report_detail!=null?radarData.current_report_detail.C22180001:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple-light">
              <div>网贷额度置信度</div>
              <div class="green">
                {{ radarData.current_report_detail!=null?radarData.current_report_detail.C22180002:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple">
              <div>网络贷款类机构数</div>
              <div class="green">
                {{ radarData.current_report_detail!=null?radarData.current_report_detail.C22180003:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple-light">
              <div>网络贷款类产品数</div>
              <div class="green">
                {{ radarData.current_report_detail!=null?radarData.current_report_detail.C22180004:'-'}}</div>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="6">
            <div class="grid-content bg-purple">
              <div>网络贷款机构最大授信额度</div>
              <div class="green">
                {{ radarData.current_report_detail!=null?radarData.current_report_detail.C22180005:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple-light">
              <div>网络贷款机构平均授信额度</div>
              <div class="green">
                {{ radarData.current_report_detail!=null?radarData.current_report_detail.C22180006:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple">
              <div>消金贷款类机构数</div>
              <div class="green">
                {{ radarData.current_report_detail!=null?radarData.current_report_detail.C22180007:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple-light">
              <div>消金贷款类产品数</div>
              <div class="green">
                {{ radarData.current_report_detail!=null?radarData.current_report_detail.C22180008:'-'}}</div>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="6">
            <div class="grid-content bg-purple">
              <div>消金贷款机构最大授信额度</div>
              <div class="green">
                {{ radarData.current_report_detail!=null?radarData.current_report_detail.C22180009:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple-light">
              <div>消金贷款机构平均授信额度</div>
              <div class="green">
                {{ radarData.current_report_detail!=null?radarData.current_report_detail.C22180010:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple">
              <div>消金建议授信额度</div>
              <div class="green">
                {{ radarData.current_report_detail!=null?radarData.current_report_detail.C22180011:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple-light">
              <div>消金额度置信度</div>
              <div class="green">
                {{ radarData.current_report_detail!=null?radarData.current_report_detail.C22180012:'-'}}</div>
            </div>
          </el-col>
        </el-row>
      </el-row>
      <el-row :gutter="20">
        <el-divider content-position="center">
          <h5>行为雷达报告</h5>
        </el-divider>
        <el-row>
          <el-col :span="5">
            <div class="grid-content bg-purple">
              <div>近1个月贷款机构数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170016:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="5">
            <div class="grid-content bg-purple-light">
              <div>近3个月贷款机构数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170017:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="5">
            <div class="grid-content bg-purple">
              <div>近6个月贷款机构数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170018:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="4">
            <div class="grid-content bg-purple-light">
              <div>近12个月贷款机构数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170019:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="4">
            <div class="grid-content bg-purple">
              <div>近24个月贷款机构数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170020:'-'}}</div>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5">
            <div class="grid-content bg-purple">
              <div>近1个月履约贷款总金额</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170040:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="5">
            <div class="grid-content bg-purple-light">
              <div>近3个月履约贷款总金额</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170041:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="5">
            <div class="grid-content bg-purple">
              <div>近6个月履约贷款总金额</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170042:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="4">
            <div class="grid-content bg-purple-light">
              <div>近12个月履约贷款总金额</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170043:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="4">
            <div class="grid-content bg-purple">
              <div>近24个月履约贷款总金额</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170044:'-'}}</div>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5">
            <div class="grid-content bg-purple">
              <div>近1个月贷款总金额</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170007:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="5">
            <div class="grid-content bg-purple-light">
              <div>近3个月贷款总金额</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170008:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="5">
            <div class="grid-content bg-purple">
              <div>近6个月贷款总金额</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170009:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="4">
            <div class="grid-content bg-purple-light">
              <div>近12个月贷款总金额</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170010:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="4">
            <div class="grid-content bg-purple">
              <div>近24个月贷款总金额</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170011:'-'}}</div>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5">
            <div class="grid-content bg-purple">
              <div>近1个月履约贷款次数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170045:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="5">
            <div class="grid-content bg-purple-light">
              <div>近3个月履约贷款次数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170046:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="5">
            <div class="grid-content bg-purple">
              <div>近6个月履约贷款次数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170047:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="4">
            <div class="grid-content bg-purple-light">
              <div>近12个月履约贷款次数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170048:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="4">
            <div class="grid-content bg-purple">
              <div>近24个月履约贷款次数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170049:'-'}}</div>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5">
            <div class="grid-content bg-purple">
              <div>近1个月失败扣款笔数</div>
              <div style="color:red">{{
                radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170035:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="5">
            <div class="grid-content bg-purple-light">
              <div>近3个月失败扣款笔数</div>
              <div style="color:red">{{
                radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170036:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="5">
            <div class="grid-content bg-purple">
              <div>近6个月失败扣款笔数</div>
              <div style="color:red">{{
                radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170037:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="4">
            <div class="grid-content bg-purple-light">
              <div>近12个月失败扣款笔数</div>
              <div style="color:red">{{
                radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170038:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="4">
            <div class="grid-content bg-purple">
              <div>近24个月失败扣款笔数</div>
              <div style="color:red">{{
                radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170039:'-'}}</div>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="5">
            <div class="grid-content bg-purple">
              <div>近12个月贷款金额<br>在1k及以下的笔数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170013:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="5">
            <div class="grid-content bg-purple-light">
              <div>近12个月贷款金额<br>在1k-3k及以下的笔数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170014:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="5">
            <div class="grid-content bg-purple">
              <div>近12个月贷款金额<br>在3k-10k的笔数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170015:'-'}}</div>
            </div>
          </el-col>
          <el-col :span="4">
            <div class="grid-content bg-purple-light">
              <div>近12个月贷款金额<br>在1w及以上的笔数</div>
              <div class="green">
                {{ radarData.behavior_report_detail!=null?radarData.behavior_report_detail.B22170016:'-'}}</div>
            </div>
          </el-col>
          <!-- <el-col :span="4">
            <div class="grid-content bg-purple">
            </div>
          </el-col> -->
        </el-row>
      </el-row>
      <!-- <el-row :gutter="20">
        <el-divider content-position="center">
          <h5>探针查询报告</h5>
        </el-divider>
        <el-row>
          <el-col :span="6">
            <div class="grid-content bg-purple">
              <div>最大逾期金额</div>
              <div style="color:red">{{
                probeData!=null?(probeData.max_overdue_amt==null?'-':probeData.max_overdue_amt):'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple-light">
              <div>最长逾期天数</div>
              <div style="color:red">{{
                probeData!=null?(probeData.max_overdue_days==null?'-':probeData.max_overdue_days):'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple">
              <div>最近逾期时间</div>
              <div style="color:red">{{
                probeData!=null?(probeData.latest_overdue_time==null?'-':probeData.latest_overdue_time):'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple">
              <div>当前逾期机构数</div>
              <div style="color:red">{{
                probeData!=null?(probeData.currently_overdue==null?'-':probeData.currently_overdue):'-'}}</div>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="6">
            <div class="grid-content bg-purple-light">
              <div>最⼤履约⾦额</div>
              <div class="green">{{
                probeData!=null?(probeData.max_performance_amt==null?'-':probeData.max_performance_amt):'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple-light">
              <div>履约笔数</div>
              <div class="green">{{
                probeData!=null?(probeData.count_performance==null?'-':probeData.count_performance):'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple">
              <div>最近履约时间</div>
              <div class="green">{{
                probeData!=null?(probeData.latest_performance_time==null?'-':probeData.latest_performance_time):'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple-light">
              <div>当前履约机构数</div>
              <div class="green">{{
                probeData!=null?(probeData.currently_performance==null?'-':probeData.currently_performance):'-'}}</div>
            </div>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="6">
            <div class="grid-content bg-purple">
              <div>异常还款机构数</div>
              <div style="color:red">{{
                probeData!=null?(probeData.acc_exc==null?'-':probeData.acc_exc):'-'}}</div>
            </div>
          </el-col>
          <el-col :span="6">
            <div class="grid-content bg-purple-light">
              <div>睡眠机构数</div>
              <div class="green">{{ probeData!=null?(probeData.acc_sleep==null?'-':probeData.acc_sleep):'-'}}</div>
            </div>
          </el-col>
        </el-row>
      </el-row> -->
    </el-dialog>
  </div>

</template>

<script>
import { getRadarData } from "@/api/order";
export default {
  props: ['editItem'],
  data() {
    return {
      form: {
        orderId: '',
        cert_name: '', //真实姓名
        cert_no: '', //身份证号
        mobile: '', //手机号
      },
      radarData: {},
      probeData: {},
      dialogVisible: false,
      radarName: '',
      radarOrderId: '',
      radarStart: '',
      radarEnd: ''
    }
  },
  methods: {
    getData() {
      const params = { orderId: this.editItem.orderId, cert_name: this.editItem.cert_name, cert_no: this.editItem.cert_no, mobile: this.editItem.mobile }
      getRadarData(params).then(res => {
        console.log(res.resp_data);
        this.$emit('resp-code', res.resp_data)
        this.radarName = res.cert_name
        this.radarOrderId = res.order_id
        this.radarStart = res.start_at
        this.radarEnd = res.end_at
        this.radarData = res.resp_data
        // this.probeData = res.result2
        console.log("res.resp_data",this.radarData);
      })
    }
  },
  watch: {
    dialogVisible(val) {
      if (val) {
        this.getData()
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.type_tip {
  color: #999999;
  line-height: 22px;

  span {
    color: #ff4146;
  }
}

.el-row {
  &:last-child {
    margin-bottom: 0;
  }
}

.el-col {
  height: 85px;
  border: 1px solid #999999;
}

.el-row .el-col div {
  text-align: center;
  margin-top: 15px;
}
.red {
  color: red
}
.el-divider {
  font-size: 20px;
}
.green{
  color: green;
}
</style>
